<template>
<div>
    <div class="header">header</div>
    <Nuxt class="body"/>
    <div class="footer">footer</div>
</div>
</template>

<style scope>
    .header,.footer {
        position: fixed;
        background-color: black;
        height: 50px;
        bottom: 0;
        width: 100%;
        color: white;
        text-align: center;
        line-height: 50px;
        
    }

    /* .body {
        margin-top: 200px;
    } */
    .footer {
        top: 0;
        position: fixed;
    }
</style>